body{
	font-family: "microsoft yahei",sans-serif;
	background: #ffffff;
	padding: 0 13px;
}
.title{
	position: relative;
	width: 100%;
	height: 34px;
	color:#ffffff;
	line-height: 34px;
	border-radius: 4px;
	padding: 0 6px;
	margin: 10px 0;
}
.communication{
	background: #61dca6;
}
.life{
	background: #fcbd25;
}
.vr{
	background: #70a6ff;
}
.title:after{
	content: '';
	position: absolute;
	top:6px;
	right: 13px;
	width: 34px;
	height: 34px;
}
.communication:after{
	background-image: url('../../images/city/logo1@2x.png');
	background-size: 34px 34px;
}
.life:after{
	background-image: url('../../images/city/logo2@2x.png');
	background-size: 34px 34px;
}
.vr:after{
	background-image: url('../../images/city/logo3@2x.png');
	background-size: 34px 34px;
}
.img{
	position: relative;
	top:0;
	display: inline-block;
	/*width: calc( 50vw - 18px );*/
	/*height: calc( (50vw - 18px)*0.65 );*/
	width: 45vw;
	height: 29vw;
	margin-top: 5px;
	margin-bottom: 5px;
}
/*.img:after{*/
	/*position: absolute;*/
	/*content: '';*/
	/*top:0;*/
	/*left:0;*/
	/*width: 100%;*/
	/*height: 100%;*/
	/*background: #000000;*/
	/*opacity: 0.3;*/
	/*-webkit-border-radius:5px;*/
	/*border-radius:5px;*/
/*}*/
.img .bg{
	z-index: 99;
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	color:#ffffff;
	font-size: 1.7rem;
	text-align: center;
	line-height: 110px;
}
.imgr{
	margin-right: 3px;
}
.img img{
	width: 100%;
	height: 100%;
	border-radius: 7px;
}
.imglong{
	width: 100%;
	height: 29vw;
}
.imglong img{
	width: 100%;
	height: 100%;
}
.bg_{
	position: absolute;
	content: '';
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	background: #000000;
	opacity: 0.3;
	-webkit-border-radius:5px;
	border-radius:5px;
}
.img .bg{
	z-index: 99;
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	opacity: 0.9;
	color:#ffffff;
	font-size: 17px;
	text-align: center;
	line-height: 29vw;
}